<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome Screen</title>

<link href="css/index.css" rel="stylesheet" type="text/css" />



<style type="text/css">
body {
	background-image: url(images/bgNew.png);
	background-repeat: repeat;
	font-size: 80%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

H2 {
	COLOR: black;
	FONT-FAMILY: 'Times New Roman';
	TEXT-TRANSFORM: capitalize;
	font-size: 30px;
}
</style>


</head>
<body>

	<form name="login" method="post" action="LoginServe">

		<center>

			<table width="1100" border="0" cellpadding="1" bgcolor=white>
				<tr>
					<td>
						<!-- TABLE logo and head -->
						<table width="1100" border="0" cellpadding="1" bgcolor=white>
							<tr>
								<td width="250" align="center"><img src="images/logo.png"
									width="130" height="130" /></td>
								<td align="left"><h2>QR-MARKS-THE-SPOT!</h2></td>


								<td><b>Username</b></td>
								<td><input type="text" name="nickname" /></td>

								<td><b>Password</b></td>
								<td><input type="password" name="password" /></td>

								<td><input type="submit" value="Login" /></td>


							</tr>

						</table> <!-- LINK TABLE -->


						<table width="1100" border="0" cellpadding="20" bgcolor="#D6E9F3">
							<tr>
								<td align="center"
									style="font: bold 16px tahoma; text-decoration: none; color: #00000; padding: 5px;">
									You are not a member yet? Go <a href="SignUp.jsp"
									onclick="return loadIframe('ifrm', this.href)">Sign Up</a> now!
								</td>

							</tr>
						</table>


						<table width="1100" border="0" cellpadding="1" bgcolor=white>

							<tr>

								<td align="center"
									style="font: bold 16px tahoma; text-decoration: none; color: #00000; padding: 5px;">QR Marks The Spot is a brand new
									location based game project utilizing QR code readers. The
									users are able to create new games as well as join in existing
									ones.</td>
							</tr>

						</table>

						<table width="1100" border="0" cellpadding="1" bgcolor=white>
					
							<tr>
								
								<td align="left"><p align="justify">
									<font size="7" face="Georgia, Arial">T</font>he users are able to create new games
							as well as join in existing ones. The games can be about numerous
							fabulous adventures such as treasure hunting and hide-and-seek.
							Besides using technological advancements (QR codes and the web
							itself), the players have the opportunity to play along in real
							life. The game creates a wonderful platform for meeting with new
							people and improving communication skills. A mobile device with
							QR mark reader will be necessary to be a part of this platform.
							<p align="justify">
									<font size="7" face="Georgia, Arial" >B</font>esides providing a fun-oriented environment for single users,
							the system will be very suitable for advertisers and companies
							that seek for activities to advertise their new products in such
							entertaining platforms. System can be also used for educational
							purposes, like making boring and hard activities more attractive
							and interesting. <p align="justify">
									<font size="7" face="Georgia, Arial">T</font>he system will have detailed statistics and
							hall of fame. User will be able to track her performance at any
							moment, she can also compare her results with others' results.
							Also, via sponsorships and advertisements, the system will give
							chance the users to win awards! <p align="justify">
									<font size="7" face="Georgia, Arial">I</font>n short, our site will be a
							wonderful gathering place for those who seek adventure and joy
							through meeting with new people, winning awards and improving
							their skills.
								</p></td>
								
								<td width="590" align="left"><img src="images/QRCodeEx.jpg"
									width="590" height="277" /></td>

						</tr>
						
						
					</table>

							</td>
							</tr>
							</table>
							
		</center>

	</form>
</body>
</html>
